<template>
  <div class="wrapper">
    <div class="title">商铺描述</div>
    <div class="zi_28" :class="{action:is_geng}" v-html="storeContent"></div>
    <div class="gengduo" @click="gengB()">{{geng}}</div>
  </div>
</template>

<script>
export default {
  name: 'CompanyContent',
  props: {
    storeContent: String
  },
  data () {
    return {
      geng: '查看更多',
      is_geng: false
    }
  },
  methods: {
    gengB () {
      this.is_geng = !this.is_geng
      if (this.is_geng) {
        this.geng = '收起'
      } else {
        this.geng = '查看更多'
      }
    }
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.wrapper
  padding .2rem /* 10/50 */ .4rem /* 20/50 */
  .title
    height .74rem /* 37/50 */
    font-size .36rem /* 18/50 */
    font-weight bold
    line-height .74rem /* 37/50 */
    color #333333
  .zi_28
    height 1.26rem
    line-height .42rem /* 21/50 */
    overflow hidden
    font-family PingFang SC
    font-weight 500
  .action
    height auto
  .gengduo
    width 2rem /* 100/50 */
    height .6rem /* 30/50 */
    line-height .6rem /* 30/50 */
    border 1px solid #EC6941
    color #EC6941
    border-radius .3rem /* 15/50 */
    font-size .24rem /* 12/50 */
    text-align center
    margin .3rem auto
</style>
